

<link rel="stylesheet" type="text/css" href="{$SITE_URL}/public/jack/forindex/css/style2.css" />

<script language="text/javascript" type="text/javascript" src="{$SITE_URL}/public/jack/forindex/js/jquery.easing.js"></script>



<script language="text/javascript" type="text/javascript" src="{$SITE_URL}/public/jack/forindex/js/script.js"></script>



<script type="text/javascript">
 $(document).ready( function(){	
		$("#lofslidecontent45").lofJSidernews( {interval:4000,
											   direction:'opacity',
											   duration:1000,
											   easing:'easeInOutSine'} );						
	});


</script>
<div class="slideshow">  
<div class="preload"><div></div></div>
<div id="lofslidecontent45" class="lof-slidecontent">

 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer">
  	<ul class="lof-main-wapper">
  		<li> 
    			<img src="{$SITE_URL}/public/jack/forindex/images/credit.jpg" title="Newsflash 2" height="210" width="574"> 
    		<!--  
        		<img src="{$SITE_URL}/public/jack/forindex/images2/sample1.jpg" title="Newsflash 2" height="210" width="390"> 
             
             <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 2" href="#">Newsflash 2</a></h3>

                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...</p>
             </div>
             -->
        </li> 
        <li>
        	<img src="{$SITE_URL}/public/jack/forindex/images/service2.jpg" title="Newsflash 1" height="210" width="574">            
        </li> 
       <li>
        	<img src="{$SITE_URL}/public/jack/forindex/images/solutions2.jpg" title="Newsflash 3" height="210" width="574">            
        
        </li> 
       
        <!--
       <li>
        	<img src="{$SITE_URL}/public/jack/forindex/images2/sample2.jpg" title="Newsflash 1" height="210" width="390">            
         	
        </li> 
       <li>
        	<img src="{$SITE_URL}/public/jack/forindex/images2/sample3.jpg" title="Newsflash 3" height="210" width="390">            
        
        </li> 
        <li>

        	<img src="{$SITE_URL}/public/jack/forindex/images2/sample4.jpg" title="Newsflash 5" height="210" width="390">            
        
        </li> 
        
        <li>

        	<img src="{$SITE_URL}/public/jack/forindex/images2/sample5.jpg" title="Newsflash 5" height="210" width="390">            
        
        </li> 
      		-->
      </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->
    
    
<!--
  <div class="lof-navigator-outer">
  		<ul class="lof-navigator">
            <li>
            	<div>
                	<h3> NewsFlash 1 </h3>
                 <p>
                  	<span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
                	</p>
               </div>    
            </li>
             <li>
             	<div>
            
                 	<h3> NewsFlash 2 </h3>
                  	<p><span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..</p>
                </div>    
            </li>

            <li>
            	<div>
                    
                    <h3> NewsFlash 3 </h3>
                	<p><span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..</p>
                </div>     
            </li>
            
           <li>
           		<div>
                   
                    <h3> NewsFlash 4</h3>
                    <p><span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..</p>
                </div>
            </li>    
            <li>
           		 <div>
               
                 	<h3> NewsFlash 5</h3>
                 	<p><span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..</p>
                 </div>   
            </li>
           <li>
           		<div>
               
                    <h3> NewsFlash 6</h3>
               		<p><span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..</p>
                </div>
            </li>     		
        </ul>
       --> 
  </div>
 </div> 

    



